<template>
    <div class="hello">
        <h1 style=" margin-bottom: 15px;">{{ msg }}</h1>
        一、每天早上醒来，看见你和阳光都在，这就是我想要的未来。
        
        <br>
    
        二、曾想过边走边爱，反正人山人海。后来无力地发现，我没办法边走边爱，你一人挡住了人山人海。
        <br>
    
        三、一想到能和你共度余生，我就对余生充满期待。
        <br>
        四、春花，秋月，夏日清风，冬日暮雪，这些都很美，但唯有你的心里，才是我想去的四季。
        <br>
    
        五、岁月静好，很想和你就这样一起安然老去，不紧不慢，不慌不忙。
        <br>
        六、你说你何德何能，让我喜欢你这么久。可我又何其荣幸，能够遇见你。
        <br>
        七、你的一生我只借一程，这一程便是余生。
        <br>
        八、我还是很喜欢你，明明已经百无禁忌，偏偏你是一百零一。
        <br>
        九、我喜欢你，战得胜时间，抵得住流年，经得起离别，受得住想念。
        <br>
        十、从晨昏到日暮，从清贫到富足，从少年到老迈，从相遇到余生，只想和你十指相扣，从此再不分开。
    
        <br>
        十一、你是我今生渡不过的劫，多看一眼就心软，拥抱一下就沦陷。
        <br>
        十二、其实全世界最幸福的童话，不过是与你一起度过柴米油盐的岁月。
    </div>
</template>

<script>
export default {
    name: 'PersonInfo',
    data() {
        return {
            msg: "早安"
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
    margin: 40px 0 0;
}
ul {
    list-style-type: none;
    padding: 0;
}
li {
    display: inline-block;
    margin: 0 10px;
}
a {
    color: #42b983;
}


.hello {
    margin: 3% 5%;
    text-align: left;
    line-height: 33px;
    
    display: inline-block;
    background-image: linear-gradient(to right bottom, #ba2020, #5caf2f, #ad4219, #58c4b9, red, green);
    -webkit-background-clip: text;/*按字体裁剪*/
    -webkit-text-fill-color: transparent;/*设置字体透明*/
}
</style>
